//入口函数
$(function () {
    // 需求1：点击切换登录注册页面
    $('#login a').on('click', function () {
        $('#login').hide()
        $('#register').show()
    })
    $('#register a').on('click', function () {
        $('#register').hide()
        $('#login').show()
    })

    // 需求2：表单验证
    let form = layui.form
    form.verify({
        username: [
            /^[\S]{1,10}$/
            , '密码必须6到12位，且不能出现空格'
        ]
        //我们既支持上述函数式的方式，也支持下述数组的形式
        //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
        , pwd: [
            /^[\S]{6,15}$/
            , '密码必须6到15位，且不能出现空格'
        ],
        repwd: function (value) {
            let pwd = $('#formregister [name=password]').val()
            if (pwd !== value) {
                return '两次输入密码不一致'
            }
        }
    });

    // 需求3：注册功能
    $('#formregister').on('submit', function (e) {
        e.preventDefault()
        axios({
            method: 'POST',
            url: '/api/reguser',
            data: $(this).serialize()
        }).then(res => {
            // console.log(res);
            if (res.data.status !== 0) {
                return layer.msg(res.data.message)
            }
            layer.msg(res.data.message)
            $('#formregister')[0].reset()
            $('#register a').click()
        })
    })

    // 需求4：登录功能
    $('#formlogin').on('submit', function (e) {
        e.preventDefault()
        axios({
            method: 'POST',
            url: '/api/login',
            data: $(this).serialize()
        }).then(res => {
            // console.log(res);
            if (res.data.status !== 0) {
                return layer.msg(res.data.message)
            }
            layer.msg(res.data.message)
            localStorage.setItem('token', res.data.token)
            location.href = '/index.html'
        })
    })

})

